// --- 南海大屏方块 start ---
@squareInfoMarginRight: 40px;

@squareInfoBorderTextAlign: center;
@squareInfoBorderPadding  : 12px 12px;
// border边框颜色提取
@squareInfoBorderBorder      : 4px solid rgba(0; 131; 197; 1);
@squareInfoBorderBoxShadow   : 0px 4px 16px 0px rgba(0; 131; 197; 0.5);
@squareInfoBorderBorderRadius: 16px;
// 方框颜色提取
@squareInfoBorderBackground: rgba(0; 131; 197; 0.1);
@squareInfoBorderHeight    : 128px;
@squareInfoBorderWidth     : 240px;
@squareInfoBordercolor     : white;

// 字体提取
@squareInfoTitleFontSize: 28px;

// 字体提取
@squareInfoNumFontSize: 40px;
// 字重提取
@squareInfoNumFontWeight: 600;

// --- 南海大屏方块 end ---

// --- 派单组件样式 start ---
@DispatchBackground  : rgba(0, 131, 197, 0.1);
@DispatchBoxShadow   : 0px 4px 16px 0px rgba(0, 131, 197, 0.5);
@DispatchBorderRadius: 16px;
@DispatchBorder      : 4px solid rgba(0, 131, 197, 1);
@DispatchMargin      : 10px 0;
@DispatchHeight      : 172px;
// 字体提取
@DispatchFontSize  : 32px;
@DispatchLineHeight: 44px;
@DispatchPadding   : 0 20px;

@DispatchInfoPosition   : relative;
@DispatchInfoPaddingLeft: 10px;

@amTagWidth       : 120px;
@amTagHeight      : 48px;
@amTagBorderRadius: 8px;
@amTagBorder      : 2px solid rgba(255, 255, 255, 1);
@amTagBackground  : inherit;
@amTagColor       : white;
// 字体提取
@amTagFontSize  : 24px;
@amTagLineHeight: 42px;
@amTagPosition  : absolute;
@amTagTop       : 10px;
@amTagRight     : 10px;

// --- 派单组件样式 end ---

// --- 状态表格样式 start ---
@commonBorderStyle : 4px solid rgba(0, 131, 197, 1);

@rowTableHeight     : 100%;
@rowTableBorderRight: 0;

@rowContentTableBorder: 0;
@rowContentTableWidth : 100%;
@rowContentTableHeight: 100%;

@stateRowPadding: 10px 0;

@rowTableStateButtonCommonPadding     : 18px 48px;
@rowTableStateButtonCommonBorder      : 4px solid;
@rowTableStateButtonCommonBorderRadius: 16px;
@rowTableStateButtonCommonBoxShadow   : 0px 4px 16px 0px rgba(0, 131, 197, 0.5);
@rowTableStateButtonCommonColor       : white;
// 字体提取
@rowTableStateButtonCommonFontSize : 32px;

// 字体提取
@rowTableTableRowColor   : white;
@rowTableTableRowFontSize: 32px;

@rowContentTableTdPaddingTop   : 20px;
@rowContentTableTdPaddingBottom: 20px;

@stateButtonSpecialBorderColor: rgba(0, 131, 197, 1);
// --- 状态表格样式 end ---

// --- 南海大屏泡泡 start ---
@ntBigBubbleSizeHeight : 240px;
@ntBigBubbleSizeWeight : 240px;

@ntSmallBubbleSizeWeight : 144px;
@ntSmallBubbleSizeWeight : 144px;

@ntBubbleHeight: 170px;
// // 字体提取
// @ntBubbleFontSize: 40px;
// // 字重提取
// @ntBubbleFontWeight: 600;
@ntBubbleColor        : white;

// 字体提取
@bubbleFontFontSize: 28px;
// 字重提取
@bubbleFontFontWeight: 400;
// 行高提取
@bubbleFontLineHeight: 40px;

// 行高提取
@numStyleFontWeight: 600;
// 字体提取
@numStyleFontSize: 40px;

// 字体提取
@bigBubbleFontFontSize: 40px;

// 字体提取
@bigBubbleNumStyleFontSize: 40px;

@smallBubbleSingleLeft: 70%;
@smallBubbleSingleTop : -35%;

@smallBubbles1of2Left: 90%;
@smallBubbles1of2Top : -130%;

@smallBubbles2of2Left: 65%;
@smallBubbles2of2Top : -200px;

@bigBubbles1of3Top: -125%;

@bigBubbles2of3Top : -125%;
@bigBubbles2of3Left: -68%;

@bigBubbles3of3Top : -265%;
@bigBubbles3of3Left: 71%;

@bigBubbleWithFourChildrenTop: -50px;

@smallBubbles1of4Left: -75%;
@smallBubbles1of4Top : -268px;

@smallBubbles2of4Left: -40%;
@smallBubbles2of4Top : -245px;

@smallBubbles3of4Left :105%;
@smallBubbles3of4Top  :-605px;

@smallBubbles4of4Left: 90%;
@smallBubbles4of4Top : -545px;
// --- 南海大屏泡泡 end ---
// 服务图片宽度
@serviceImgWidth: 100px;
// 服务图片高度
@serviceImagHeight: 70px;
//手机轮播图片高度
@carouselHeight: 200px;

:root {
    // --- 南海大屏方块 start ---
    --squareInfoMarginRight: @squareInfoMarginRight;

    --squareInfoBorderTextAlign: @squareInfoBorderTextAlign;
    --squareInfoBorderPadding  : @squareInfoBorderPadding;
    // border边框颜色提取
    --squareInfoBorderBorder      : @squareInfoBorderBorder;
    --squareInfoBorderBoxShadow   : @squareInfoBorderBoxShadow;
    --squareInfoBorderBorderRadius: @squareInfoBorderBorderRadius;
    // 方框颜色提取
    --squareInfoBorderBackground: @squareInfoBorderBackground;
    --squareInfoBorderHeight    : @squareInfoBorderHeight;
    --squareInfoBorderWidth     : @squareInfoBorderWidth;
    --squareInfoBordercolor     : @squareInfoBordercolor;

    --squareInfoTitleFontSize: @squareInfoTitleFontSize;

    --squareInfoNumFontSize  : @squareInfoNumFontSize;
    --squareInfoNumFontWeight: @squareInfoNumFontWeight;

    // --- 南海大屏方块 end ---

    // --- 派单组件样式 start ---
    --DispatchBackground  : @DispatchBackground;
    --DispatchBoxShadow   : @DispatchBoxShadow;
    --DispatchBorderRadius: @DispatchBorderRadius;
    --DispatchBorder      : @DispatchBorder;
    --DispatchMargin      : @DispatchMargin;
    --DispatchHeight      : @DispatchHeight;
    --DispatchFontSize    : @DispatchFontSize;
    --DispatchLineHeight  : @DispatchLineHeight;
    --DispatchPadding     : @DispatchPadding;

    --DispatchInfoPosition   : @DispatchInfoPosition;
    --DispatchInfoPaddingLeft: @DispatchInfoPaddingLeft;

    --amTagWidth       : @amTagWidth;
    --amTagHeight      : @amTagHeight;
    --amTagBorderRadius: @amTagBorderRadius;
    --amTagBorder      : @amTagBorder;
    --amTagBackground  : @amTagBackground;
    --amTagColor       : @amTagColor;
    --amTagFontSize    : @amTagFontSize;
    --amTagLineHeight  : @amTagLineHeight;
    --amTagPosition    : @amTagPosition;
    --amTagTop         : @amTagTop;
    --amTagRight       : @amTagRight;

    // --- 派单组件样式 end ---

    // --- 南海大屏泡泡 start ---
    --ntBigBubbleSizeHeight: @ntBigBubbleSizeHeight;
    --ntBigBubbleSizeWeight: @ntBigBubbleSizeWeight;

    --ntSmallBubbleSizeWeight: @ntSmallBubbleSizeWeight;
    --ntSmallBubbleSizeWeight: @ntSmallBubbleSizeWeight;

    --ntBubbleHeight       : @ntBubbleHeight;
    // --ntBubbleFontSize  : @ntBubbleFontSize;
    // --ntBubbleFontWeight: @ntBubbleFontWeight;
    --ntBubbleColor        : @ntBubbleColor;

    --bubbleFontFontSize  : @bubbleFontFontSize;
    --bubbleFontFontWeight: @bubbleFontFontWeight;
    --bubbleFontLineHeight: @bubbleFontLineHeight;

    --numStyleFontWeight: @numStyleFontWeight;
    --numStyleFontSize  : @numStyleFontSize;

    --bigBubbleFontFontSize: @bigBubbleFontFontSize;

    --bigBubbleNumStyleFontSize: @bigBubbleNumStyleFontSize;

    --smallBubbleSingleLeft: @smallBubbleSingleLeft;
    --smallBubbleSingleTop : @smallBubbleSingleTop;

    --smallBubbles1of2Left: @smallBubbles1of2Left;
    --smallBubbles1of2Top : @smallBubbles1of2Top;

    --smallBubbles2of2Left: @smallBubbles2of2Left;
    --smallBubbles2of2Top : @smallBubbles2of2Top;

    --bigBubbles1of3Top: @bigBubbles1of3Top;

    --bigBubbles2of3Top : @bigBubbles2of3Top;
    --bigBubbles2of3Left: @bigBubbles2of3Left;

    --bigBubbles3of3Top : @bigBubbles3of3Top;
    --bigBubbles3of3Left: @bigBubbles3of3Left;

    --bigBubbleWithFourChildrenTop: @bigBubbleWithFourChildrenTop;

    --smallBubbles1of4Left: @smallBubbles1of4Left;
    --smallBubbles1of4Top : @smallBubbles1of4Top;

    --smallBubbles2of4Left: @smallBubbles2of4Left;
    --smallBubbles2of4Top : @smallBubbles2of4Top;

    --smallBubbles3of4Left: @smallBubbles3of4Left;
    --smallBubbles3of4Top : @smallBubbles3of4Top;

    --smallBubbles4of4Left: @smallBubbles4of4Left;
    --smallBubbles4of4Top : @smallBubbles4of4Top;

    // --- 南海大屏泡泡 end ---

    // --- 状态表格样式 start ---
    --commonBorderStyle: @commonBorderStyle;

    --rowTableHeight     : @rowTableHeight;
    --rowTableBorderRight: @rowTableBorderRight;

    --rowContentTableBorder: @rowContentTableBorder;
    --rowContentTableWidth : @rowContentTableWidth;
    --rowContentTableHeight: @rowContentTableHeight;

    --stateRowPadding: @stateRowPadding;

    --rowTableStateButtonCommonPadding     : @rowTableStateButtonCommonPadding;
    --rowTableStateButtonCommonBorder      : @rowTableStateButtonCommonBorder;
    --rowTableStateButtonCommonBorderRadius: @rowTableStateButtonCommonBorderRadius;
    --rowTableStateButtonCommonBoxShadow   : @rowTableStateButtonCommonBoxShadow;
    --rowTableStateButtonCommonColor       : @rowTableStateButtonCommonColor;
    --rowTableStateButtonCommonFontSize    : @rowTableStateButtonCommonFontSize;

    --rowTableTableRowColor   : @rowTableTableRowColor;
    --rowTableTableRowFontSize: @rowTableTableRowFontSize;

    --rowContentTableTdPaddingTop   : @rowContentTableTdPaddingTop;
    --rowContentTableTdPaddingBottom: @rowContentTableTdPaddingBottom;

    --stateButtonSpecialBorderColor: @stateButtonSpecialBorderColor;
    // --- 状态表格样式 end ---

    // 服务图片宽度
    --serviceImgWidth: @serviceImgWidth;
    // 服务图片高度
    --serviceImagHeight: @serviceImagHeight;
    // 轮播图片高度
    --carouselHeight: @carouselHeight;
}